<%--
  Created by IntelliJ IDEA.
  User: 吕旺平
  Date: 2019/12/17
  Time: 8:39
  To change this template use File | Settings | File Templates.
--%>
<%@ taglib prefix="f" uri="http://fentsoul.com" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
	<title>支付</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<jsp:include page="/layout/_imports.jsp"></jsp:include>
	<style>
		input {
			height: auto;
			padding: 10px;
			margin-bottom: 10px;
		}
		label {
			cursor: pointer;
		}
	</style>
</head>
<body>
<jsp:include page="/layout/_nav.jsp"></jsp:include>

<div class="cart-items">
	<div class="container">
		<h2>确认收货信息</h2>
		<f:form method="pay" jsp_class="form-horizontal">
			<f:input jsp_for="userid"></f:input>
			<div class="row">
				<f:label jsp_for="name" jsp_class="control-label col-md-1"></f:label>
				<div class="col-md-6">
					<f:input jsp_for="name" jsp_class="form-control"></f:input>
				</div>
			</div>
			<div class="row">
				<f:label jsp_for="phone" jsp_class="control-label col-md-1"></f:label>
				<div class="col-md-6">
					<f:input jsp_for="phone" jsp_class="form-control"></f:input>
				</div>
			</div>
			<div class="row">
				<f:label jsp_for="address" jsp_class="control-label col-md-1"></f:label>
				<div class="col-md-6">
					<f:input jsp_for="address" jsp_class="form-control"></f:input>
				</div>
			</div>

			<br>
			<hr>
			<br>

			<h2>选择支付方式</h2>
			<h3>订单编号: <f:out jsp_for="id"></f:out> <br><br> 支付金额: <f:out jsp_for="price"></f:out></h3><br><br>
			<label class="col-sm-6 col-md-4 col-lg-3">
				<div class="thumbnail">
					<input type="radio" value="1" name="paytype" disabled/>
					<img src="/images/wechat.jpg" alt="微信支付">
				</div>
			</label>

			<label class="col-sm-6 col-md-4 col-lg-3 ">
				<div class="thumbnail">
					<input type="radio" value="2" name="paytype" checked/>
					<img src="/images/alipay.jpg" alt="支付宝支付">
				</div>
			</label>

			<label class="col-sm-6 col-md-4 col-lg-3 ">
				<div class="thumbnail">
					<input type="radio" value="3" name="paytype" disabled/>
					<img src="/images/offline.jpg" alt="货到付款">
				</div>
			</label>

			<div class="clearfix"></div>

			<div class="row">
				<div class="register-but text-center">
					<input type="submit" value="付款">
				</div>
			</div>
		</f:form>
		<%--<form class="form-horizontal" ="pay.action" method="post" id="payform">--%>
		<%--</form>--%>
	</div>
</div>


<jsp:include page="/layout/_footer.jsp"></jsp:include>

</body>
</html>
